import React, { Component } from 'react';
// 引入qs，用于处理url的参数
import qs from 'querystringify'

class Get extends Component {
  componentDidMount(){
    console.log(this.props.location.search);
    let info = this.props.location.search;
    // 解析url参数方法一：
    // 使用qs的parse方法解析url中的数据，转成对象方便获取
    // let infoObj = qs.parse(info);
    // console.log(infoObj);
    // 解析url参数方法二：
    // new一个URLSearchParams类型的数据，参数是url中的数据，通过get方法获取对应的值
    let infoObj = new URLSearchParams(info);
    console.log(infoObj.get('name'));
    console.log(infoObj.get('age'));
  }
  render() {
    return (
      <div>
        <p>我的作用就是获取url中的参数</p>
      </div>
    );
  }
}

export default Get;
